﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
	<link rel="stylesheet"  href="../css/head_footer.css" type="text/css" media="all"/>
	<link rel="stylesheet"  href="../css/register.css" type="text/css" media="all"/>
	<link rel="stylesheet"  href="../css/upload_picture.css" type="text/css" media="all"/>
	<title>上传照片</title>
	<script type="text/javascript">
		<!--
		var index = 1;
		function changeColor(index){
			var panelOne = document.getElementById("upload_main_head_one");
			var panelTwo = document.getElementById("upload_main_head_two");
			var panelThree = document.getElementById("upload_main_head_three");
			switch(index){
			case 1:
				panelOne.style.background="#ffcc00";
				panelTwo.style.background="#ffffff";
				panelThree.style.background="#ffffff";
				panelOne.style.border="1px solid black";
				panelTwo.style.border="0px solid black";
				panelThree.style.border="0px solid black";
				break;
			case 2:
				panelOne.style.background="#ffffff";
				panelTwo.style.background="#ffcc00";
				panelThree.style.background="#ffffff";
				panelOne.style.border="0px solid black";
				panelTwo.style.border="1px solid black";
				panelThree.style.border="0px solid black";
				break;
			case 3:
				panelOne.style.background="#ffffff";
				panelTwo.style.background="#ffffff";
				panelThree.style.background="#ffcc00";
				panelOne.style.border="0px solid black";
				panelTwo.style.border="0px solid black";
				panelThree.style.border="1px solid black";
				break;
			}
		}
		//-->
	</script>	
</head>
<body>
	<div id="contain">
		<div id="mainbg">
			<div id="header">
				<div id="header_picture" class="header_word">
				</div>
				<div id="header_top_bar" class="header_top_bar">
					<a class="header_top_bar_tow_word" href="http://www.baidu.com/">首页</a>
					<a class="header_top_bar_four_word" href="http://www.baidu.com/">个人主页</a>
					<a class="header_top_bar_tow_word" href="http://www.baidu.com/">论坛</a>
					<a class="header_top_bar_four_word" href="http://www.baidu.com/">我的好友</a>
					<a class="header_top_bar_tow_word" href="http://www.baidu.com/">搜索</a>

				</div>
			</div>
			<div id="top_title_contain">
				<div id="top_title" class="top_title_form">
					<p>我的设计</p>
				</div>
				<div id="top_title_right">
				</div>
			</div>
			<div id="upload_main">
				<ul class="upload_main_head">
					<li><a id="upload_main_head_one" href="javascript:void(0)" onclick="changeColor(1); return true">上传照片</a></li>
					<li><a id="upload_main_head_two" href="javascript:void(0)" onclick="changeColor(2); return true">编辑相册信息</a></li>
					<li><a id="upload_main_head_three" href="javascript:void(0)" onclick="changeColor(3); return true">删除相册</a></li>
				</ul>
				<div id="upload_contain">
					<div id="upload_direction">
						上传照片：你可以上传JPG,JPEG,
						GIF,PNG或BMP文件.
					</div>
					<div id="upload_file">
						<form action="" method="post" class="upload_table">
							<input name="file" type="file" value="浏览">
							<input name="file" type="file" value="浏览">
							<input name="file" type="file" value="浏览">
							<input name="file" type="file" value="浏览">
							<input name="file" type="file" value="浏览">
							<input name="file" type="file" value="浏览">
							<input name="submit" type="submit" value="上传照片" class="upload_submit">
							<input name="reset" type="reset" value="取消" class="upload_reset">
						</form>
					</div>
				</div>
			</div>
			<div id="upload_foot">
			</div>
			<div id="the_bottom_black">
			</div>

			<div id="footer">
				<div id="footer_link" class="footer_link_form">
					<a href="http://www.baidu.com/"> 关于 |</a>
					<a href="http://www.baidu.com/"> 招聘 |</a>
					<a href="http://www.baidu.com/"> 客服 |</a>
					<a href="http://www.baidu.com/"> 帮助 |</a>
					<a href="http://www.baidu.com/">隐私声明</a>
				</div>
				<div id="footer_copyright" class="footer_copyright_form">
					<p>@2008  ICP备07018631号
					</p>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
